@charset "utf-8";
/* CSS Document */
*{padding:0px; margin:0px;}
a {text-decoration:none;}
li{ list-style:none;}
body{ font-size:12px; font-family:"微软雅黑"; background-position:center top; background-color:#fff; overflow-x:hidden;}
 
/*头部*/
.top_bg{width: 100%; height: 113px; background: #fff;box-shadow: 0 3px 3px #c7c7c7; position: absolute;}
.top_gang{width: 100%;height: 37px;background: #005db3;}
.tou_zj{width: 1200px; height: 37px;  margin: 0 auto;}
.hy{width: 500px;float: left;}
.hy img{float: left; margin: 10px 5px 0 0;}
.hy span{color: #fff;font-size: 14px; line-height: 30px;}
.soucang{width: 280px; float: right;color: #fff; line-height: 33px; font-size:16px;}
.soucang a{color: #fff;}
.soucang a:hover{color: #ff4700;text-decoration: underline;}

.top_main{width: 1200px; height: 76px; margin: 0 auto;}
.top_logo{width: 490px; height: 76px; float: left;}
.top_logo img{margin-top: 15px;}


/*导航*/
.daohang{width: 680px; float: right;}
.header_nav { position: relative; z-index: 20;}
.header_nav .nav>li { display: inline-block; *display: inline; *zoom:1; padding: 20px 14px 0 14px; vertical-align: top;}
.header_nav .nav>li>a { display: block; padding: 10px 5px; font-size: 18px; color: #000; border-bottom: 2px solid #fff; position: relative;}
.header_nav .nav>li>a>b { position: absolute; bottom: 0; left: 0; height: 3px; background: #00abeb; width: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header_nav .nav>li .hide_nav { position: absolute; top: 65px; left: 50%; text-align: center; padding: 8px 0 10px; z-index: 11; background: #fff;}
.header_nav .nav>li:hover .nav_btn{ color: #01aef0;}
.header_nav .nav>li:hover .nav_btn>b { width: 100%;}
.header_nav .nav>.narrow_wrap { position: relative; top: 0; left: 0;}
.header_nav .nav>li .hide_nav_narrow {  margin-left: -53px; width: 100px;}
.header_nav .nav>li .hide_nav_narrow ul li a { display: block; padding: 5px 0; font-size: 16px; color: #000;}
.header_nav .nav>li .hide_nav_narrow ul li a:hover { color: #00abeb;}
 

/*大图*/
.main_yin{width: 100%; height: 499px;margin:114px 0 0;float: left; }

.ck-slide { width: 100%; height: 499px; margin: 0 auto;}
.ck-slide ul.ck-slide-wrapper { height: 320px;}
#mianc{width: 1920px; position: relative;left: 50%;margin-left: -960px;}
.ck-slide ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.ck-slide {
	position: relative;
	overflow: hidden;
}
.ck-slide ul.ck-slide-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	margin: 0;
	padding: 0;
}
.ck-slide ul.ck-slide-wrapper li {
	position: absolute; margin-top:0px;
}
.ck-slide ul.ck-slide-wrapper li a{
	/*a标签是行内元素，宽高对a标签不起作用，这里必须添加line-height:0px;display:black，否则垂直滚动<li>之间会出现间隔*/
	line-height:0px;
	display:block;
}
.ck-slide .ck-prev, .ck-slide .ck-next {
	position: absolute;
	top: 55%;
	z-index: 2;
	width: 35px;
	height: 70px;
	margin-top: -35px;
	border-radius: 3px;
	opacity: .15;
	/*background: red;*/
	text-indent: -9999px;
	background-repeat: no-repeat;
	transition: opacity .2s linear 0s;
}

#baanner_jt{width: 1200px; margin:0 auto; position: relative;top: 240px;}
.ck-slide .ck-prev {
	left: 5px;
	
}
.ck-slide .ck-next {
	right: 5px;
	
}
.ck-slidebox {
	position: absolute;
	left: 50%;
	bottom: 12px;
	z-index: 30;
}
.ck-slidebox ul {
	height: 20px;
	padding: 0 4px;
	border-radius: 8px;);
}
.ck-slidebox ul li {
	float: left;
	height: 12px;
	margin: 4px 4px;
}
.ck-slidebox ul li em {
	display: block;
	width: 80px;
	height: 2px;
	background-color: #005db3;
	text-indent: -9999px;
	cursor: pointer;
}
/*.ck-slidebox ul li.current em {
	background-color: #fb3416;
}
.ck-slidebox ul li em:hover {
	background-color: #fb3416;
}
*/
/*内容*/

.nr_bufen_1{width: 100%; height: 660px; float: left;}
.nr_bufen_1_jz{width: 1200px; margin:0 auto; height: 660px;}
.biaoti{height: 140px;}
.biaoti p{text-align: center; font-size: 36px;font-family:"宋体";color: #434242; padding: 40px 0 0 0;}
.biaoti p span{display: block;font-size: 18px;}

.xiangmu_nr{height: 345px;}
.xiangmu_1{width: 392px; height: 341px; float: left; margin:0 4px;  line-height: 30px; border-radius: 0px 0px 5px 5px;}
.xiangmu_1 a h4{font-size:20px; padding: 0 0 0 20px; color: #676767; font-weight:600; }
.xiangmu_1 span{ font-size: 18px; padding: 0 0 0 20px; color: #676767;}
.xiangmu_1:hover{background:#fafafa; box-shadow:1px 1px 5px #a5a5a5;}

#demoo { overflow:hidden; margin-top:5px; width: 100%;}
#indemo { float: left; width: 800%;}
#demoo1 { float: left;}
#demoo2 { float: left;}
#demoo1 ul li{ float:left; padding: 0px;}
#demoo2 ul li{ float:left; padding: 0px;}


.gd_an{width:100%;height: 150px;}
.gd_bj{width: 177px; height: 45px; border-radius: 3px; background: #005db3; margin: 60px 0 0 43%;}
.gd_bj a{font-size: 20px; line-height: 45px;display: block; text-align: center;color: #fff;}
.gd_bj a span{font-family: "宋体";}
.gd_bj:hover{background: #fb3416;}


/*关于我们*/

.guanyvwm{width: 100%; height: 434px; background: #efefef; float: left;}


.about_box p {float:left;width:830px; padding:20px 0; border-top:5px solid #ccc; border-bottom:5px solid #ccc; line-height:30px; font-size:14px; margin-right:50px;}
.about_box img {width:300px; height:230px;}

/*新闻中心*/
.xinwen{width: 100%; height: 555px; float: left;}
.xinwen_jz{width: 1200px; margin: 0 auto; height: 770px;}

.anniu_jz{float: left; margin-left: 25%;}
#cen_right_top{width:890px;margin:1px auto 0 auto; height: 380px; float: left;}
#cen_right_top .active{color:#F3F3F3; background:#005db3;}
#cen_right_top h3{line-height:35px; text-align:center; float:left; height:40px; width:119px; margin::0px; padding:0px; font-size:14px; color:#333333; font-weight:lighter; cursor:pointer; border: 1px solid #bfbfbf;}
#cen_right_top  ul{display: none; float: left; width: 1200px;}
.news{width: 890px; height: 300px; float: left;margin-top: 30px;}
.news .xinwen_tu{width: 371px; height: 300px;float: left; background: #e8e8e8;}
.news .xinwen_tu .xinwen_img{width: 371px; height: 242px;}
.news .xinwen_tu .xinwen_img img{width: 100%;}
.xinwen_wz{width: 351px; height: 48px; padding: 2px 10px; display:block;}
.xinwen_wz dt{height: 20px;}
.xinwen_wz a{font-size: 14px; float: left;color: #3c3c3c;}
.xinwen_wz a:hover{color: #005db3;}
.xinwen_wz span{float: right;}
.xinwen_wz dd{line-height: 25px;color: #757474;}

.xinwen_lb{width: 508px; height: 300px; float:right; background: #fff;}

.xinwen_lb li{width: 488px; height: 45px; background:#e8e8e8; padding: 10px; }
.xinwen_lb li:hover{background: #005db3;}
.xinwen_lb li:hover h4{color: #ffffff;}
.xinwen_lb li:hover .xinwen_wz1 a{color: #ffffff;}
.xinwen_lb li:hover .xinwen_wz1 span{color: #ffffff;}
.xinwen_lb li:hover .xinwen_wz1 dd{color: #d7d7d7;}
.xinwen_lb li h4{width: 40px; height: 45px; border-right: 1px solid #c7c7c7;float: left; line-height: 45px; color: #535353; font-size: 24px;font-weight:500;}
.xinwen_wz1{width: 425px; height: 45px; padding: 2px 10px;float:left; display:block; }
.xinwen_wz1 dt{height: 20px;}
.xinwen_wz1 a{font-size: 14px; float: left;color: #3c3c3c;}
.xinwen_wz1 span{float: right;}
.xinwen_wz1 dd{line-height: 25px;color: #757474;}

.jiange{height: 13.3px;}

.gonggao{width: 275px; height: 280px; margin-top: 72px; float: right; background: #e8e8e8; padding: 10px;}
.gonggao_bt{height: 35px; font-family: "宋体";}
.gonggao_bt span{line-height: 34px; font-size: 24px; border-bottom: 1px solid #727272; width: 100px; float: left;color: #393939;}
.gonggao_bt a{float: right;color: #393939;font-size: 14px;line-height: 35px;}
.gonggao_bt a:hover{color:#005db3;}
.gonggao_lb{height: 240px;padding-top: 5px;}
.gonggao_lb li{width: 100%;height: 25px; margin-top: 8px;}
.gonggao_lb img{float: left;padding: 10px 10px 0 0; }
.gonggao_lb a{float: left; font-family: "宋体"; line-height: 25px; font-size: 14px; color:#393939;}
.gonggao_lb a:hover{color:#005db3;}

.link {background:url(../images/link.jpg) no-repeat 0 center; background-size:10px 30px; width:1170px; margin:0 auto 20px;padding-left:30px; height:50px; line-height:50px;}
.link span {color:#0c4dc1; font-weight:bold;}
.link a {display:inline; padding:0 10px; color:#545454;}
.link a:hover {display:inline;  color:#0c4dc1;}
.footer {width:100%; background:#1c80e0; text-align:center; padding:50px 0 0;color:#fff; }
.fw_tel {font-size:28px;  margin-bottom:30px}
.tel_box span{ padding:20px;}
.bq {width:100%; background:#053f77; padding:10px 0}

.yqlj{width: 100%; height: 140px; float: left;}
.yqlj_jz{width: 1180px; height: 100px; margin:0 auto;background: #f3f3f3;padding: 20px 10px;}
.yqlj_bt{width: 100%; height: 25px;}
.yqlj_bt h4{width: 2px; height: 25px; background: #0066b3; float: left; margin: 0 10px;}
.yqlj_bt span{color: #424242; font-size: 22px;line-height: 25px;}

.yqlj_qy{width: 1130px; margin:5px 0 0 30px; }
.yqlj_qy li{float: left; padding: 0 14px; height: 35px;}
.yqlj_qy li a{color: #424242; font-size: 16px;line-height: 35px;}
.yqlj_qy li a:hover{color: #005db3;}

/*底部*/
.dibu{width: 100%;height: 180px; background: #0066b3; float: left; margin-top: 30px;}
.dibu_jz{width: 1200px; height:140px;margin:20px auto; }
.dibu_zuo{width: 50%;height: 140px; float: left;}
.dibu_zuo p{color: #fff; font-size: 16px; line-height: 40px;}
.dibu_zuo span{color: #fff; font-size: 16px; line-height: 30px;}
.dibu_zuo li{ float: left; margin-top: 10px;}
.dibu_you{width: 40%;height: 140px; float: right;}
.dibu_you ul{margin-top: 10px;}
.dibu_you li{float: left; margin: 0 5px;color: #fff; font-size: 16px;}
.dibu_you li a{color: #fff; font-size: 16px;}
.dibu_you li a:hover{color: #070707;}
.dibu_logo{float: right; margin: 35px 0 0 0;}

.dibu_1{background: #014d86; height: 85px; width: 100%;float: left;}
.dibu_1 p{text-align: center;color: #fff; font-size: 16px;line-height: 30px; margin-top: 15px;}





/*关于我们*/
.fl { float: left; }
.fr { float: right; }
.content{ width: 1160px; margin: 0 auto; }
.about_banner {
    
    width: 100%;
    height: 400px;
}

.main {
    /*padding-top: 40px;*/
    width: 100%;
    padding-bottom: 80px;
    font-family: "微软雅黑";
}

.main_left{ width:212px;}
 
.fl_title{ width:212px; height:60px; background:#005db3; text-align:center; line-height:60px; font-size:24px; color:#fff;}

.fl_nr li{ width:212px; height:50px; margin-top:2px;}
.fl_nr li a{ background:url(../images/ta1bg.png) no-repeat #005db3; height:50px; width:187px; display:block; padding-left:25px; font-size:16px; color:#fff; line-height:50px;}

.fl_nr li a:hover,.fl_nr li a.cur{ background:url(../images/ta1bgh.png) no-repeat #13538f;}
.fl_nr li a:hover,.fl_nr li a.cur{ background:url(../images/ta1bgh.png) no-repeat #13538f;}

.main_tel{ padding-top:30px;}
.lx_nr{ background:#f1f1f1; width:201; padding:15px 5px; font-size:13px; line-height:18px;}
.lx_nr p{ padding-bottom:5px;}
.main_right{ width:900px;}
.main_title{ height:42px; border-bottom:3px solid #eee;}
.main_bt{ font-size:18px; height:42px; line-height:42px; border-bottom:3px solid #13538f; color:#13538f;padding-left:5px; padding-right:20px;}
.mian_wz{ line-height:42px; font-size:14px; height:42px; padding-right:10px;}
.mian_wz img{ margin-bottom:-2px;}
.mian_wz span{ font-family:"宋体"; padding:0 10px;}
.mian_wz a{ color:#333333;}
.main_nr{ padding-top:20px; width:900px;}
.about_nr{ font-size:14px; line-height:24px;}
.about_nr img{ max-width:100%;}
/* 工程案例 */
.g_anli { background:#fff; padding-bottom:70px; overflow:hidden;}
.g_anli h2 { background: url(../images/anlitit.png) no-repeat left bottom; height: 60px; padding-top: 45px; text-align: center; margin-bottom: 24px; text-align: center; display: block; }
.g_anli h2 a { color: #bb0000; font-size: 24px; font-weight: bold; text-decoration: none; }
.g_anli h2 .u_more { top: 72px; right: 0; font-family: arial; }
.g_anli h2 .u_more a { color: #666; font-size: 14px; font-weight: normal; }
.g_anli h2 em { display: block; font-weight: normal; font-size: 14px; color: #959595; font-family: arial; text-transform: uppercase; padding-top:3px; }
.g_anli .m_tab1 { width: 212px;float: left; margin-right:8px;}
.g_anli .m_tab1 li { text-align: left; height:50px; _display: inline; *+display:inline; zoom: 1; width:212px; padding-bottom:5px;}
.g_anli .m_tab1 li a { font-size:16px; color: #fff; font-weight:normal; display: block; background: url(../images/ta1bg.png) no-repeat left bottom; height: 50px; line-height:50px; overflow:hidden; padding-left:25px; width: 187px; }
.g_anli .m_tab1 li a:hover, .g_anli .m_tab1 .cur a { background: url(../images/ta1bgh.png) no-repeat; text-decoration: none; }
.g_anli .m_tab1 .lastli a { font-size: 14px; color: #fff; font-weight: normal; display: block; background: url(../images/ta1bg2.jpg) no-repeat left bottom; height: 55px; padding-top: 15px; padding-left: 25px; width: 187px; }
.g_anli .m_tab1 .lastli a:hover { background: url(../images/ta1bg2h.jpg) no-repeat; }
.sypro{ width:940px;}
.border_animation{ background:#ccc;width:282px;height:222px;float:left;margin-left:24px;position:relative; margin-bottom:64px;}
.border_animation img{ width:270px; height:210px; padding:4px; margin:2px; background:#fff;}
.sypro_bt{ height:40px; width:280px;}
.sypro_bt a{ width:40px; line-height:40px; display:block; width:282px; background:#ccc; color:#333333; text-align:center; font-size:14px;-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;}
.border_animation:hover .sypro_bt a{ background:#13538f; color:#fff;-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;}
.border_animation .border_top{
	position:absolute;height:2px;width:0;font-size:0;background:#13538f;top:0px;left:0;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.border_animation .border_right{
	position:absolute;height:0px;width:2px;font-size:0;background:#13538f;bottom:0;right:0px;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.border_animation .border_bottom{
	position:absolute;height:2px;width:0px;font-size:0;background:#13538f;right:0;bottom:0;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.border_animation .border_left{
	position:absolute;height:0px;width:2px;font-size:0;background:#13538f;left:0;top:0;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.sypro .hover .border_top,.sypro .hover .border_bottom{width:282px}
.sypro .hover .border_left,.sypro .hover .border_right{height:222px}
.product .hover .border_top,.product .hover .border_bottom{width:282px}
.product .hover .border_left,.product .hover .border_right{height:222px}
/* 三大产品 */
.g_cp { padding-top: 33px; margin-bottom: 60px; }
.g_ys{ overflow:hidden;}
.g_pro h2, .g_ys h2 { background: url(../images/anlitit.png) no-repeat left bottom; height: 60px; padding-top: 36px; text-align: center; margin-bottom: 24px;}
.g_pro h2 a, .g_ys h2 a { color: #bb0000; font-size: 24px; font-weight: bold; }
.g_pro h2 em, .g_ys h2 em { display: block; font-weight: normal; font-size: 14px; color: #666; margin:4px 0; }
.g_pro .m_pro { margin-top: 22px; height: 500px; background: #eaeaea; }
.g_pro .m_pro1 { width: 386px; float: left;_width:380px;}
.g_pro .m_pro1 dd { padding: 33px 13px 0 29px; height: 216px; }
.g_pro .m_pro1 h3 { position: relative; padding-left: 50px; width: 226px; color: #3462a9; font-size: 18px; font-weight: bold; }
.g_pro .m_pro1 h3 a { color: #3462a9; text-decoration: none; }
.g_pro .m_pro1 h3 i { position: absolute; font-size: 52px; color: #ccced2; font-family: arial; left: -5px; top: -10px; letter-spacing: -6px; }
.g_pro .m_pro1 h3 b { font-size: 18px; color: #999faa; font-family: arial; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; display: inline-block; padding-left: 6px; }
.g_pro .m_pro1 h3 em { font-size: 14px; font-weight: normal; display: block; padding-top: 3px; height:37px; overflow:hidden;}
.g_pro .m_pro1 p { font-size: 12px; color: #666; line-height: 21px; margin-top: 12px; }



.product .hover .border_top,.product .hover .border_bottom{width:282px}
.product .hover .border_left,.product .hover .border_right{height:222px}
.product_banner{ background:url(../images/product_banner.jpg) no-repeat center; width:100%; height:300px;}
.product{ width:900px;}
.product .border_animation{ margin:0 8px 64px 9px;}
.product_nr li{ float:left; width:280px; padding-bottom:20px; margin:0 10px;}
.product_nr li a img{ width:270px; height:210px; border:2px solid #ccc; padding:3px; display:block;}
.product_nr li a p{ text-align:center; font-size:14px; padding-top:5px;}
.product_nr li a:hover img{border:2px solid #3462a9;}
.product_nr li a:hover p{color:#831a1f;}
.product .border_animation{ margin:0 8px 64px 9px;}
.product_nr li{ float:left; width:280px; padding-bottom:20px; margin:0 10px;}
.product_nr li a img{ width:270px; height:210px; border:2px solid #ccc; padding:3px; display:block;}
.product_nr li a p{ text-align:center; font-size:14px; padding-top:5px;}
.product_nr li a:hover img{border:2px solid #831a1f;}
.product_nr li a:hover p{color:#831a1f;}



.news_nr li{ height:90px; width:900px; padding:20px 0; border-bottom:1px solid #ccc;}
.news_right{ width:80px; height:90px; text-align:center; color:#fff; background:#3462a9; line-height:25px; font-size:14px;}
.news_right p{ height:65px; line-height:65px; font-size:46px; background:#16386d;}
.news_left{ width:800px; font-size:14px; line-height:22px;  color:#333333; font-size:14px;}
.news_left p{ font-size:16px; font-weight:bold; padding-bottom:8px; padding-top:5px; color:#333333;}
.news_nr li a:hover .news_left p{ color:#3462a9;}
.newsshow_title{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:3px; font-size:20px; font-weight:bold; line-height:25px; }
.newsshow_title p{ font-size:12px; color:#999; font-weight:normal; padding-top:5px; }
.newsshow_wnnr{ margin:0 auto; padding-top:15px; font-size:15px; line-height:35px;}
.sxyjsys,.sxyjsys a{ font-size:13px; color:#3f3f3f; line-height:20px;}
.sxyjsys a:hover{ text-decoration:underline;}
.xgnews-tit{ text-align:center; background:#e4e4e4; font-size:16px; font-weight:bold; line-height:30px; height:30px;}
.xgnews-con{ padding-top:15px;}
.xgnews-con li{ float:left; width:390px; margin-left:20px; margin-right:30px; line-height:24px; list-style-position:inside; list-style-type:disc;}
.xgnews-con li a{ font-size:13px;}
.xgnews-con li span{ float:right; color:#999; font-size:12px;}
.xgnews-con li a:hover{ text-decoration:underline;}


.green-black { display:block; margin:30px auto 0 auto;clear:both;font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-align:right;}
.green-black a {padding:5px 8px 4px 8px; padding:5px 8px 4px 8px;border:1px solid #dddddd; height:12px; line-height:12px; zoom:1; font-weight:bold; font-size:12px; overflow:auto; margin-left:3px; margin-right:3px; color:#333;/* background:url(../images/page_bg01.png) #fff bottom repeat-x;*/font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-decoration:none}
.green-black b {padding:5px 8px 4px 8px; padding:5px 8px 4px 8px;border:1px solid #dddddd; height:12px; line-height:12px; zoom:1; font-weight:bold; font-size:12px; overflow:auto; margin-left:3px; margin-right:3px; color:#333; /*background:url(../images/page_bg01.png) #fff bottom repeat-x;*/font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-decoration:none}

.green-black span {padding:5px 8px 4px 8px; padding:5px 8px 4px 8px;border:1px solid #dddddd; height:12px; line-height:12px; zoom:1; font-weight:bold; font-size:12px; overflow:auto; margin-left:3px; margin-right:3px; color:#333; /*background:url(../images/page_bg01.png) #fff bottom repeat-x;*/font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-decoration:none}


.green-black a:hover {border:1px solid #ccc; height:12px; line-height:12px; zoom:1;overflow:auto;/*background:url(../images/page_bg02.png) top repeat-x #16386d;*/ margin-left:3px; margin-right:3px; color:#fff;font-size:12px;font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
.green-black span.current {padding:5px 8px 5px 8px; padding:5px 8px 4px 8px;border:1px solid #ccc; color:#fff; height:12px; line-height:12px; zoom:1; overflow:auto; /* background:url(../images/page_bg02.png) top repeat-x #16386d;*/ margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px}